<#include "../doc_type.ftl">
<html style="overflow-x:hidden;">
<head lang="en">
  <script type="text/javascript" src="/js/news/jquery-1.10.2.min.js"></script> 
  <link href="/css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="/js/jquery.mobile-1.4.5.min.js"></script>
  
	<#include "../head.ftl">
	
    <title>${func.message("system.name")!''}</title>
</head>
<body>
  <div class="wrapper" id="wrapper"> 
    <#include "../search.ftl">
    <div class="main"> 
    	<div class="banner-container" id="J_banner"> 
    </div> 
    <!--Top countries sites begin--> 
    <div class="m-boxA m-box-smz"> 
     <ul class="m-listA" id="J_recommendPic1">
	 <#if topSites?exists>
	 <#list topSites as topSite>
	    <li><nobr><a href="/go/${topSite.encryptId}" style="color:"><img src="${(topSite.ico)!''}" alt="${(topSite.name)!''}"  onerror="this.src='/sitesInfo/favicon?domain=${topSite.url!''}';this.onerror='';this.alt=''"/>${(topSite.name)!''}</a></nobr></li>
	 </#list>
	 </#if>
     </ul> 
    </div>
    <!--Top countries sites end--> 
    
    <!--Top world sites begin--> 
    <#if topWorldSites?exists>
    <div class="m-boxA m-box-smz"> 
     <ul class="m-listA" id="J_recommendPic1">
	 <#list topWorldSites as topWorldSite>
	    <li><a href="/go/${topWorldSite.encryptId}" style="color:"><nobr><img src="${(topWorldSite.ico)!''}" alt="${(topWorldSite.name)!''}" onerror="this.src='/sitesInfo/favicon?domain=${topWorldSite.url!''}';this.onerror='';this.alt=''"/>${(topWorldSite.name)!''}</nobr></a></li>
	 </#list>
     </ul> 
    </div>
	</#if>
    <!--Top world sites end--> 

    <!--Type sites begin--> 
    <div class="m-boxA m-box-site"> 
     <div class="m-boxA-bd" id="J_sites">
      <#list topSitesTypeCodeList as topSitesTypeCode>
      <#if sitesTypesRelationMap[topSitesTypeCode]??>
      <div class="m-listD" id="type-${topSitesTypeCode!''}">
       <div class="m-listD-tit">
        <b>[${topSitesTypeCode!''}]</b>
       </div>
       <#list sitesTypesRelationMap[topSitesTypeCode] as subTypeCode>
       <#if subTypeCode?? && subTypesTopSites[subTypeCode]??>
       <div class="m-listD-item">
        <a href="/sitesInfo/more/${subTypeCode}" style="color:#3097fd;text-align: center;width:20%">${subTypeCode!''}</a>
		<#assign currentNum = 0>
        <#list subTypesTopSites[subTypeCode] as subTypeSites> 
        <a href="/go/${subTypeSites.encryptId}" style="color:undefined"><nobr>${(subTypeSites.name)!''}</nobr></a>
        </#list>
       </div>
       </#if>
       </#list>
      </div> 
      </#if>
      </#list>
     </div> 
    </div> 
    <!--Topsites end--> 
   </div> 
   <#include "../footer.ftl">
   <div data-role="footer" data-position="fixed" data-id="footernav" data-position="fixed" data-tap-toggle="false">
		<div data-role="navbar">
			<ul>
				<li><a href="/" class="ui-btn-active">Hi India</a></li>
				<li><a href="/news/" >News</a></li>
				<li><a href="http://funny.framework_template.in" >Funny</a></li>
			</ul>
		</div>
	</div>	 
  </div> 
 </body>
</html>